﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <base href="/pktz/pktz_mobile/">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/m_ektz.css">
    <title>荣耀战报</title>
</head>
<body>
<div class="zhanbao-topBar">
    <img src="" alt="荣耀战报">
</div>
<div class="zhanbao-content">
    <div class="left-bar">
        <ul class="left-bar-list">
            <li class="active">
                <a href="javascript:;">澳能赛区</a>
            </li>
            <li>
                <a href="javascript:;">奥络赛区</a>
            </li>
            <li>
                <a href="javascript:;">澳夫清赛区</a>
            </li>
            <li>
                <a href="javascript:;">奥贝爽赛区</a>
            </li>
            <li>
                <a href="javascript:;">奥青赛区</a>
            </li>
            <li>
                <a href="javascript:;">澳琪赛区</a>
            </li>
            <li>
                <a href="javascript:;">澳可修赛区</a>
            </li>
        </ul>
    </div>
    <div class="right-bar">
        <div class="item">
            <ul id="target">
                <script type="text/tmp" id="gloryReport">
                    <li>
                    <div>
                        <div class="member-list">
                            {{for teamMembers}}
                                <span>
                                    <img src="{{:head}}">
                                </span>
                            {{/for}}
                        </div>
                        <div class="team-title">
                            <span class="hospital-name">{{:hospitalName}}</span>
                            <span class="team-name"><i></i>{{:teamName}}</span>
                        </div>
                        <!--<div class="team-score">-->
                            <!--<span class="score">-->
                                <!--得分<i>252分</i>-->
                            <!--</span>-->
                            <!--<span class="quiz-time">-->
                                <!--答题时间<i>26分</i>-->
                            <!--</span>-->
                        <!--</div>-->
                    </div>
                </li>
                </script>
            </ul>
        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jsrender.js"></script>
<script src="js/base.js"></script>
<script src="js/m_ektz.js"></script>
<script>
    $(function () {
        PKTZ_API.getGloryReport({matchArea: '澳能赛区'},serialNumber);
        $('.left-bar-list li').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active');
            var param = {
                matchArea: $(this).find('a').text()
            };
            PKTZ_API.getGloryReport(param,serialNumber);
        });

        //序号生成
        function serialNumber (id) {
            var ul = document.getElementById(id);
            var lis= ul.getElementsByTagName('li');
            for(var i=0,l=lis.length;i<l;i++){
                var tHTML = lis[i].innerHTML;
                if(i>2){
                    lis[i].innerHTML = '<span class="serial-number">'+(i+1)+'</span>' + tHTML;
                }else {
                    lis[i].innerHTML = '<span class="serial-number"></span>' + tHTML;
                }
            }
        }
    })
</script>
</html>